.headBox{
	position: relative;
	height: 4.57rem;
	.bg{
		width: 100%;
		height: 100%;
	}
	.infoBox{
		width: 6.9rem;
		height: 2.75rem;
		position: absolute;
		margin: 0 0.3rem;
		bottom: -1.49rem;
		box-shadow: 0rem 0.1rem 0.2rem rgba(112, 144, 176, 0.08);
		border-radius: 0.2rem;
		background-color: #fff;
		.topBox{
			display: flex;
			margin-top: 0.34rem;
			margin-left: 0.3rem;
			.headImg{
				width: 0.8rem;
				height: 0.8rem;
				border-radius: 50%;
			}
			.rightBox{
				margin-left: 0.08rem;
				.nameBox{
					display: flex;
					align-items: center;
					.name{
						font-size: 0.28rem;
						color:#1E2023;
					}
					.labelBox{
						position: relative;
						margin-left: 0.08rem;
						width: 1.22rem;
						height: 0.48rem;
						.labelImg{
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
						}
						.label{
							position: absolute;
							top: 0.09rem;
							left: 0.5rem;
							font-size: 0.2rem;
							color:#F98958;
						}
					}
				}
				.text{
					font-size: 0.2rem;
					color:#8A93A1;
					margin-top: 0.15rem;
				}
			}
		}
		.infoUl{
			display: flex;
			justify-content: space-around;
			margin-top: 0.51rem;
			li{
				text-align: center;
				display: flex;
				flex-direction: column;
				.count{
					font-size: 0.3rem;
					color:#1E2023;
				}
				.title{
					font-size: 0.24rem;
					color:#8A93A1;
					margin-top: 0.04rem;
				}
			}
		}
	}
}

.photoCollect{
	margin-top: 1.82rem;
	.titleBox{
		display: flex;
		align-items: center;
		height: 0.47rem;
		margin-left: 0.3rem;
		.line{
			width: 0.08rem;
			height: 0.4rem;
			background-color: #60A7F6;
			border-radius: 0.04rem;
		}
		.title{
			font-size: 0.32rem;
			color:#1E2023;
			margin-left: 0.08rem;
			font-weight: 500;
		}
	}
	.photoUl{
		display: flex;
		overflow-x: scroll;
		margin-left: 0.3rem;
		margin-top: 0.27rem;
		li{
			margin-left: 0.14rem;
			.imgBox{
				position: relative;
				width: 2.8rem;
				height: 2.1rem;
				.photoImg{
					display: block;
					width: 100%;
					height: 100%;
				}
				.iconBox{
					position: absolute;
					right: 0.1rem;
					bottom: 0.09rem;
					font-size: 0.2rem;
					color:#fff;
					display: flex;
					align-items: center;
					.icon{
						background: url(../img/person/icon_number%20of%20images.png) no-repeat;
						background-size: cover;
						width: 0.28rem;
						height: 0.28rem;
					}
					.count{
						margin-left: 0.01rem;
					}
				}
			}
			.photoName{
				margin-top: 0.2rem;
				font-size: 0.24rem;
				color:#1E2023;
			}
		}
	}
	.photoUl::-webkit-scrollbar {display:none}
}

.myDynamic{
	margin-top: 0.56rem;
	.titleBox{
		display: flex;
		align-items: center;
		height: 0.47rem;
		margin-left: 0.3rem;
		.line{
			width: 0.08rem;
			height: 0.4rem;
			background-color: #60A7F6;
			border-radius: 0.04rem;
		}
		.title{
			font-size: 0.32rem;
			color:#1E2023;
			margin-left: 0.08rem;
			font-weight: 500;
		}
	}
	.dynamicUl{
		margin: 0 0.3rem;
		margin-top: 0.18rem;
		li{
			display: flex;
			.timeBox{
				.time{
					display: flex;
					align-items: center;
					.month{
						font-size: 0.32rem;
						color:#1E2023;
					}
					.day{
						font-size: 0.24rem;
						color:#8A93A1;
					}
				}
				.pointLine{
					height: 90%;
					position: relative;
				}
				.pointLine::after{
					content:"";
					width: 0;
					height: 100%;
					border: 1px dotted #8A93A1;
					position: absolute;
					top: 0.14rem;
					left: 50%;
					transform: translateX(-50%);
				}
			}
			.content{
				display: flex;
				flex-direction: column;
				margin-left: 0.6rem;
				.title{
					font-size: 0.28rem;
					color:#1E2023;
				}
				.text{
					width: 5.57rem;
					font-size: 0.2rem;
					overflow: hidden;
					color:#8A93A1;
					margin-top: 0.14rem;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
				.dynamicImgBox{
					margin-top: 0.3rem;
					display: flex;
					justify-content: space-between;
					height: 3.4rem;
					.leftImgBox{
						.myDynamicImg{
							width: 2.72rem;
						}
					}
					.rightImgBox{
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						.myDynamicImg{
							width: 2.72rem;
						}
					}
					
				}
			}
		}
	}
}